import React from 'react';
import { View, Image } from '@tarojs/components';
import './index.less';
// 雪茄组件
export interface cigarItemProps {
  /** 取消按钮点击事件 */
  gotoDetail: (sku: string) => void;
  data: any;
}

export default function CigarItem({
  gotoDetail,
  data,
}: cigarItemProps) {
  return (
    <View className="cigar-item-container">
      {/* 雪茄组件 */}
      <View onClick={() => gotoDetail(data.sku)} className="ciga-item-right">
        <View className="brand-detail-title">{data.productNameEn}</View>
        <View className="brand-detail-name">{data.productName}</View>
        <Image className="brand-detail-img" src={data.productImg} />
      </View>
      {/* 雪茄柜组件 */}
      {/* <View className="cigar-item-content">
        <View>
            <View className="cigar-item-brand">海尔（Haier）</View>
            <View className="cigar-item-model">WS052WGHSY1</View>
            <View className="cigar-item-color">黑色</View>
        </View>
        <View>
          <Image src={cigar} />
        </View>
      </View> */}
    </View>
  );
}
